/*
 * @license
 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */

@import "base";

paper-button {
  color: rgb(102, 102, 102);
  font-size: 14px;
  white-space: nowrap;

  > core-icon {
    margin-right: 4px;
  }

  &[raised] {
    background: $gray-medium;
  }

  &:hover, &.active {
    text-decoration: none;
    background: #fff;
    box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.1), 0px 2px 10px 0px rgba(0,0,0,0.1);
  }
}

.paper-button {
  // Inset highlight
  &[sink] {
    color: inherit;
    padding: 7px 10px;
    transition: none;

    &:hover, &.active {
      @include background(linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.08) 40%));
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0px rgba(0, 0, 0, 0.2) inset;
    }
  }
}
